<div class="page-header no-breadcrumb font-header">app推广</div>
<div class="content-wrap">
    <div class="panel panel-default">

        <!--panel-body-->
        <div class="panel-body">
            <div class="row common-padding">
                <div class="col-sm-1">
                    <label class="commonlabel">内容分类</label>
                </div>
                <div class="col-sm-11">
                    <div class="form-group">
                        <div class="btn-padding inblock relative">
                            <button type="button" class="btn btn-default btn-flat">生活类</button>
                            <a href="#" class="deleteButton"><i class="fa fa-minus-square"></i> </a>
                        </div>
                        <div class="btn-padding inblock relative">
                            <button type="button" class="btn btn-default btn-flat">汽车类</button>
                            <a href="#" class="deleteButton"><i class="fa fa-minus-square"></i> </a>

                        </div>
                        <div class="btn-padding inblock relative">
                            <button type="button" class="btn btn-default btn-flat">医疗类</button>
                            <a href="#" class="deleteButton"><i class="fa fa-minus-square"></i> </a>

                        </div>
                        <div class="btn-padding inblock relative">
                            <button type="button" class="btn btn-default btn-flat">科技类</button>
                            <a href="#" class="deleteButton"><i class="fa fa-minus-square"></i> </a>
                        </div>
                        <div class="btn-padding inblock">
                            <a class="btn btn-warning btn-flat common-po-btn"><i class="fa fa-plus"></i> </a>
                        </div>
                        <div class="btn-padding inblock">
                            <a class="btn btn-success btn-flat click-po-btn">添加APP</a>
                        </div>
                        <div class="btn-padding inblock">
                            <a class="btn btn-info btn-flat common-po-btn">编辑分类</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--panel-body-->

        <!--table-responsive-->
        <div class="table-responsive overflow-x">
            <div id="datatable_wrapper" class="dataTables_wrapper dt-bootstrap no-footer">
                <!--row-->
                <div class="row common-body common-ptop">
                    <div class="col-sm-12 table-items">
                        <table aria-describedby="datatable_info"
                               class="table table-striped font-12 dataTable no-footer">
                            <thead>
                            <tr>
                                <th>
                                    <div class="task-chk-wrap">
                                        <div class="checkbox-inline">
                                            <div class="custom-checkbox font-12">
                                                <input type="checkbox" class="library-chk" id="all" name="all">
                                                <label for="all">全选</label>
                                            </div>
                                        </div>
                                    </div>
                                </th>
                                <th class="text-center">编号</th>
                                <th class="text-center">二维码</th>
                                <th class="text-center">名称</th>
                                <th class="text-center">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <div class="task-chk-wrap">
                                        <div class="checkbox-inline">
                                            <div class="custom-checkbox font-12">
                                                <input type="checkbox" class="library-chk" id="task2" name="task2">
                                                <label for="task2"></label>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td class="text-center">Nov 1, 2015</td>
                                <td class="text-center">Nov 20, 2015</td>
                                <td class="text-center">562/td>
                                <td class="text-center"><a href="#" class="text-btn text-info click-po-btn">编辑</a>
                                    <a href="#" class="text-btn text-danger">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="task-chk-wrap">
                                        <div class="checkbox-inline">
                                            <div class="custom-checkbox font-12">
                                                <input type="checkbox" class="library-chk" id="task3" name="task3">
                                                <label for="task3"></label>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td class="text-center">Oct 31, 2015</td>
                                <td class="text-center">Dec 31, 2015</td>
                                <td class="text-center">1</td>
                                <td class="text-center"><a href="#" class="text-btn text-info">编辑</a>
                                    <a href="#" class="text-btn text-danger">删除</a></td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
                <!--row-->


                <!--row-->
                <div class="row">
                    <div class="col-sm-7">
                        <div class="dataTables_paginate paging_simple_numbers" id="datatable_paginate">
                            <ul class="pagination">
                                <li class="paginate_button previous disabled" id="datatable_previous"><a href="#"
                                                                                                         aria-controls="datatable"
                                                                                                         data-dt-idx="0"
                                                                                                         tabindex="0">上一页</a>
                                </li>
                                <li class="paginate_button active"><a href="#" aria-controls="datatable"
                                                                      data-dt-idx="1" tabindex="0">1</a></li>
                                <li class="paginate_button "><a href="#" aria-controls="datatable" data-dt-idx="2"
                                                                tabindex="0">2</a></li>
                                <li class="paginate_button next" id="datatable_next"><a href="#"
                                                                                        aria-controls="datatable"
                                                                                        data-dt-idx="3"
                                                                                        tabindex="0">下一页</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--row-->
            </div>
        </div>
        <!--table-responsive-->

    </div>
</div>


<div class="cd-popup common-alert" role="alert">
    <div class="cd-popup-container co-width">
        <div class="panel panel-orange no-bordered">
            <div class="panel-heading">
                <div class="title"><h3 class="alert-title">添加分类</h3></div>
            </div>
            <form novalidate="novalidate" class="form-horizontal" method="post" id="defaultForm">
                <div class="panel-body alertshort co-padding-a">
                    <div class="form-group row ">
                        <label class="col-sm-3 control-label commonlabel">分类名称</label>

                        <div class="col-sm-9">
                            <input type="text" placeholder="分类名称" class="form-control" data-bv-field="layoutName"
                                   name="layoutName"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-9 col-sm-offset-3 text-left">
                            <button class="btn btn-primary btn-flat" type="submit">添加</button>
                        </div>
                    </div>
                    <!--row end-->
                </div>
            </form>
        </div>
        <a href="#" class="cd-popup-close fa fa-2x fa-plus-circle text-white"></a>
    </div>
    <!-- cd-popup-container -->
</div>


<div class="cd-popup click-alert" role="alert">
    <div class="cd-popup-container up-width">
        <div class="panel panel-success no-bordered">
            <div class="panel-heading">
                <div class="title"><h3 class="alert-title">添加APP</h3></div>
            </div>
            <form novalidate="novalidate" class="form-horizontal" method="post" id="defaultForm1">
                <div class="panel-body alertupload co-padding-a">
                    <div class="form-group row ">
                        <label class="col-sm-3 control-label commonlabel">APP名称</label>

                        <div class="col-sm-8">
                            <input type="text" placeholder="分类名称" class="form-control" data-bv-field="layoutName20"
                                   name="layoutName20"/>
                        </div>
                    </div>
                    <div class="form-group row ">
                        <label class="col-sm-3 control-label commonlabel">选择分类</label>

                        <div class="col-sm-8">
                            <select class="form-control chosen-select font-12" tabindex="-1" aria-hidden="true">
                                <option>1</option>
                                <option>2</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 control-label commonlabel">上传二维码</label>

                        <div class="col-sm-8" id="image-file">
                            <input id="file-image" type="file" class="file" data-upload-url="#">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-8 col-sm-offset-3 text-left">
                            <button class="btn btn-primary btn-flat" type="submit">添加</button>
                        </div>
                    </div>
                    <!--row end-->
                </div>
            </form>
        </div>
        <a href="#" class="cd-popup-close fa fa-2x fa-plus-circle text-white"></a>
    </div>
    <!-- cd-popup-container -->
</div>


